<template>  
    <el-header >  
      <div class="logo">小鱼闲置品交易     
  <span>---------------放心购</span>
</div>
      <!-- 你可以在这里添加用户信息和登出按钮 -->  
    </el-header>  
      <el-select v-model="value" placeholder="地点" style="width: 170px ;color:#efe411ce;" class="logoo">
    <el-option style="width: 170px" 
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      :disabled="item.disabled"
    />
  </el-select>
  </template>  
    
  <script setup>  
 import { ref } from 'vue'

const value = ref('')
const options = [
  {
    value: '长沙',
    label: '长沙',
  },
  {
    value: '郴州',
    label: '郴州',
  
  },
  {
    value: '岳阳',
    label: '岳阳',
  },
  {
    value: '张家界',
    label: '张家界',
  },
]
  </script>  
    
  <style scoped>  
  .logo {  
    font-size: 24px;  
    font-weight: bold;  
    color: #efe411ce;  
    line-height: 60px;  
    padding-left: 80px;  
  
  }  
  .logoo{
    padding-left: 1150px;
    margin-top: -45px;
  }
  </style>